/*公共样式*/
@import 'base';
@import 'even';
@import 'myteam-fontBase';
@import 'myteam-fontGrey';
@import 'myteam-formElement';
/*创建战队表单*/
.createTeam{
  background: #2e3238;
}
.createTeam-title{
  color: #afb0b2;
  padding: 36px 0;
  margin: 0;
  border: 1px solid #393f46;
}
.createTeam-form{
  color: #6f7174;
  padding: 38px 0 127px 0;
}
.createTeam-label{
  width: 144px;
  margin-right: 15px;
  padding-top: 6px;
}
.createTeam-input{
  width: 310px;
}
.wrapper-upload-teamLogo,
.createTeam-select{
  width: 190px;
}
.createTeam-textarea{
  width: 725px;
}
.createTeam-formFooter{
  height: 90px;
  background: #393f46;
}
.createTeam-stepBtn{
  background: #2e3238;
  border: 1px solid #898e92;
  border-radius: 15px;
  padding: 4px 0;
  color: #898e92;
  line-height: 20px;

}
.upload-teamLogo-bg{
  background: #444953;
  border-radius: 5px;
  height: 100px;
}
.createTeam-textarea{
  textarea{
    resize: none;
    height: 136px;
  }
}
.upload-teamLogo{
  display: block;
  color: #2e3238;
  padding-top: 20px;

}
.photo-size{
  font-size: 32px;
}
/*创建战队stepBar*/
.createTeamStepBar{
    display: table;
    width: 100%;
    margin-bottom: 52px;
    li{
      position: relative;
      display: table-cell;
      text-align: center;
      color: #afb0b2;
      .createTeamStepBar-item{
        display: block;
        width: 55px;
        height: 55px;
        border-radius: 55px;
        padding: 5px;
        margin: 0 auto 7px;
        background: rgba(161,165,169,0.5);
        span{
          position: relative;
          display: block;
          width: 45px;
          height: 45px;
          border-radius: 45px;
          font-family: Arial;
          font-size: 30px;
          font-weight: 700;
          color: #fff;
          text-align: center;
          background-color: #a1a5a9;
        }
      }
      b{
        position: absolute;
        left: 0;
        top: 26px;
        display: block;
        content: "";
        width: 50%;
        padding-right: 40px;
      }
      b:after{
        height: 4px;
        content: "";
        display: block;
        overflow: hidden;
        background-color: #a1a5a9;
      }
      b+b{
        left: auto;
        right: 0;
        padding-right: 0;
        padding-left: 40px;
      }
      .createTeamStepBar-title{
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px;
        text-align: center;
        font-size: 14px;
      }

    }
  .active{
    .createTeamStepBar-item{
      background-color: rgba(22, 178, 206,0.5);
      span{
        background-color: #16b2ce;
      }
    }
    b:after{
      background-color: #16b2ce;
    }
    .createTeamStepBar-title{
      color: #16b2ce;
    }
  }
}
.btns-step-wrap{
  width: 260px;
}


/*添加战队成员*/
.teamIntro-bg{
  background: #444953;
}
.createTeam-logo{
  border: 1px solid transparent;
  border-radius: 5px;
}
.createTeam-teamSummary{
  max-width: 800px;
}
.createTeam-teamName,
.createTeam-teamAbbr{
  line-height: 27px;
}
/*添加成员列表*/
.createTeam-addMember{
  background: #34393f;
}
.createTeam-memberList-item{
  padding: 10px 20px;
}
